<!--<template>-->
<!--  <div id="app">-->
<!--    <router-link to="/home">首页</router-link>-->
<!--    <router-link to="/login">登录</router-link>-->

<!--    <div>-->
<!--      <router-view/>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->


<!--<script>-->
<!--// export default {-->
<!--//   name: 'App',-->
<!--  // methods:{-->
<!--  //   goHome() {-->
<!--  //     //页面跳转，push增加到历史管理-->
<!--  //     // 1.字符串形式-->
<!--  //     this.$router.push('/home')-->
<!--  //     //2.对象形式-->
<!--  //     // this.$router.push({path:'home'})-->
<!--  //     //3.命名的路由-->
<!--  //     // this.$router.push({name:'Home'})-->
<!--  //     //4.带查询参数-->
<!--  //     // this.$router.push({ path: "Home", query: { plan: "private" } });-->
<!--  //     //传递参数如何接收-->
<!--  //     // console.log('传递过来的参数'+this.$route.query.plan)-->
<!--  //     //go表示前进后退-->
<!--  //     // this.$router.go(1)-->
<!--  //   },-->
<!--  //   goList() {-->
<!--  //     this.$router.push("/list");-->
<!--  //   }-->
<!--  // }-->
<!--// };-->

<!--export default {-->
<!--  name: 'App'-->
<!--}-->
<!--</script>-->

<!--&lt;!&ndash;<style>&ndash;&gt;-->
<!--&lt;!&ndash;#app{&ndash;&gt;-->
<!--&lt;!&ndash;  width: 400px;&ndash;&gt;-->
<!--&lt;!&ndash;  margin: 0 auto;&ndash;&gt;-->
<!--&lt;!&ndash;}&ndash;&gt;-->
<!--&lt;!&ndash;li{&ndash;&gt;-->
<!--&lt;!&ndash;    list-style-type: none;&ndash;&gt;-->
<!--&lt;!&ndash;    display: inline-block;&ndash;&gt;-->
<!--&lt;!&ndash;    margin: 20px 10px;&ndash;&gt;-->
<!--&lt;!&ndash;  }&ndash;&gt;-->
<!--&lt;!&ndash;  a{&ndash;&gt;-->
<!--&lt;!&ndash;    text-decoration: none;&ndash;&gt;-->
<!--&lt;!&ndash;  }&ndash;&gt;-->
<!--&lt;!&ndash;  .show{&ndash;&gt;-->
<!--&lt;!&ndash;    width: 300px;&ndash;&gt;-->
<!--&lt;!&ndash;    height: 200px;&ndash;&gt;-->
<!--&lt;!&ndash;    border: 1px solid #666;&ndash;&gt;-->
<!--&lt;!&ndash;    text-align: center;&ndash;&gt;-->
<!--&lt;!&ndash;  }&ndash;&gt;-->


<!--&lt;!&ndash;  #app{&ndash;&gt;-->
<!--&lt;!&ndash;    font-family: "Avenir",Helvetica,Arial,sans-serif;&ndash;&gt;-->
<!--&lt;!&ndash;    text-align: center;&ndash;&gt;-->
<!--&lt;!&ndash;    margin: 30px 40px;&ndash;&gt;-->
<!--&lt;!&ndash;  }&ndash;&gt;-->

<!--<style>-->
<!--#app {-->
<!--  width: 800px;-->
<!--  margin: 0 auto;-->
<!--}-->
<!--a {-->
<!--  text-decoration: none;-->
<!--  color:#333;-->
<!--}-->

<!--</style>-->
<template>
  <div id="app">
    <img src="./assets/logo.png">
    <router-view/>
  </div>
</template>

<script>
  export default {
    name: 'App'
  }
</script>

<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }
</style>
